<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>商品列表</title>
    <!--引入swipper.css-->
    <link rel="stylesheet" href="../lib/swiper/swiper-3.3.1.min.css">
    <!--  引入  weui.css jquery-weui.css jQuery WeUI 依赖 weui.css 和 jQuery，但是请注意要使用正确的版本。-->
    <link rel="stylesheet" href="../lib/weui/weui.css">
    <link rel="stylesheet" href="../lib/weui/jquery-weui.css">
    <!--引入ydui.css-->
    <link rel="stylesheet" href="../lib/ydui/ydui.css">
    <!--引入jquery-->
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>
    <!--引入Vue-->
    <script src="../lib/vue/vue.min.js"></script>
    <!--引入jquery-weui.js-->
    <script src="../lib/weui/jquery-weui.min.js"></script>
    <!--引入flexible.js-->
    <script src="../lib/flexible/flexible.js"></script>
    <!--引用handler.js-->
    <script src="../lib/template/handlebars-v4.0.5.js"></script>
    <!--引入Swiper.js-->
    <script src="../lib/swiper/swiper-3.3.1.min.js"></script>
    <!--引入公共css-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入公共common.js-->
    <script src="../lib/common/common.js"></script>

    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/home/index.css">
</head>
<body data-color="#f8f8f9">
    <div>
        <ul class="hot-list-box clearfix" id="hot-list-box-id">
        </ul>
        <!--正在加载-->
        <div class="weui-infinite-scroll-box">
            <div class="weui-infinite-scroll">
                <div class="infinite-preloader">

                </div>
                <img src="../images/dongtai.gif" alt="">
                正在加载...
            </div>
        </div>
        <!--正在加载-->
    </div>
    <!--热销单品-->
    <script id="hotGoods-template" type="text/x-handlebars-template">
        {{#each data}}
        <li>
            <a class="hot-list-item" href="{{href}}">
                <img alt="" src="{{goodsImage}}" class="hot-list-item-img">
                <p class="hot-list-title"><span class="tag-overseas{{goodsChannel}}"></span>{{name}}</p>
                <p class="hot-list-hr"></p>
                <p class="hot-list-price"><label><i>￥</i>{{lowestPrice}}</label><span class="r-price r-price-{{goodsId}}"><del><i>￥</i>{{suggestedPrice}}</del></span>
                </p>
            </a>
        </li>
        {{/each}}
    </script>
</body>
<script src="../lib/ydui/ydui.js"></script>
<script src="../js/goods/goodsList.js"></script>
</html>
